<!--
 * @Description  : 
 * @Author       : zhao
 * @Date         : 2022-10-19 15:32:06
 * @LastEditors  : zhao
 * @LastEditTime : 2022-10-22 09:51:34
-->
<!--  -->
<template>
	<div class="">
		<el-dialog :title="title" :visible.sync="dialogVisible_pipeline" width="80%" :fullscreen="true" :before-close="handleClose">
			<el-tabs v-model="activeName" @tab-click="handleTabClick">
				<el-tab-pane label="管网分段信息" name="first">
					<piplineInfo v-if="activeName == 'first'" />
				</el-tab-pane>
				<el-tab-pane label="分段节点信息" name="second">
					<piplineNodeInfo v-if="activeName == 'second'" />
				</el-tab-pane>
			</el-tabs>
		</el-dialog>
	</div>
</template>

<script>
import piplineInfo from './piplineInfo.vue';
import piplineNodeInfo from './piplineNodeInfo.vue';
export default {
	name: '',
	data() {
		return {
			title: '管网分段信息',
			activeName: 'first',
		};
	},
	props: {
		dialogVisible_pipeline: {
			type: Boolean,
			default: false,
		},
	},
	components: { piplineInfo, piplineNodeInfo },

	computed: {},

	mounted() {},

	methods: {
		handleClose(done) {
			this.$emit('handleClose');
			// done();
		},
		handleTabClick(val) {
			this.title = val.label;
		},
	},
};
</script>
<style lang='scss' scoped>
::v-deep .el-dialog__body {
	padding-top: 0 !important;
}

::v-deep .el-tabs__item {
	box-shadow: none !important;
}
</style>